<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>学生端后台 - Layui</title>
		<link rel="stylesheet" href="../../../static/layui/css/layui.css">
		<script src="../../../static/js/jquery-3.3.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$('.info').click(function(){
					$('iframe').attr("src","info.jsp");
				});

				$('.modifyPassword').click(function(){
					$('iframe').attr("src","modifyPassword.jsp");
				});

				$('.onlineCouser').click(function(){
					$('iframe').attr("src","onlineCourse.jsp");
				});

				$('.selectedCourser').click(function(){
					$('iframe').attr("src","selectedCourse.jsp");
				});

				$('.logout').click(function () {
					$.post(
							"${pageContext.request.contextPath}/logoutController",
							function (data) {
								if (data == 1){
									$(window).attr('location','../../../index.jsp');
								}
							}
					);
				});


			});






		</script>
	</head>
	<body class="layui-layout-body ">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">
					<img src="../../../static/img/logo.png" />
				</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item"><a href="../../../index.jsp">主页</a></li>

				</ul>
				<ul class="layui-nav layui-layout-right ">
					<li class="layui-nav-item"><h2>学生</h2></li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="../../../static/img/head.jpg" class="layui-nav-img">
							${ sessionScope.student.studentName}同学
						</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" class="info">个人资料</a></dd>
							<dd><a href="javascript:;" class="modifyPassword">安全设置</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="javascript:;" class="logout">退了</a></li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree " lay-filter="test">
						<li class="layui-nav-item">
							<a href="javascript:;">个人中心</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" class="info">个人资料</a></dd>
								<dd><a href="javascript:;" class="modifyPassword">修改密码</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<!--layui-nav-itemed-->
							<a class="" href="javascript:;">课程成绩管理</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" class="lookAtMyCourse">查看所有成绩</a></dd>
								<dd><a href="javascript:;" class="lookAtMyCourse">查看未通过课程成绩</a></dd>
								<dd><a href="javascript:;" class="lookAtMyCourse">查看已通过课程成绩</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item"><a href="javascript:;" class="selectedCourser">我的课程</a></li>
						<li class="layui-nav-item"><a href="javascript:;" class="onlineCouser">在线选课</a></li>
						<li class="layui-nav-item"><a href="javascript:;">解决方案</a></li>
					</ul>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<iframe src="onlineCourse.jsp" width="100%" scrolling="auto" frameborder="no" align="center" seamless="seamless"
                        height="100%">
				</iframe>
			</div>

			<div class="layui-footer">
				<!-- 底部固定区域 -->
				@2019-2020 JSP期末项目
			</div>
		</div>
		<script src="../../../static/layui/layui.all.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function() {
				var element = layui.element;

				$('.lookAtMyCourse').click(function () {
					layer.msg('都在我的课程可以看到啦~',{icon:"4"});
				})

			});


		</script>
	</body>
</html>
